<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>查看购物车</title>
    <link href=../style/css/shoppingCart.css rel=stylesheet>
    <link rel="stylesheet" type="text/css" href="../iconfont/font_2s17ri517rad1jor/iconfont.css">
</head>
<body>
<header>
    <div id="side-left">
        <img src=../images/index/side-left.png>
    </div>
    <div id="side-right">
        <ul>
            <li>
                <i class="iconfont">&#xe505;</i>
                <p>购物车</p>
            </li>
            <li>
                <i class="iconfont">&#xe659;</i>
                <p>咨询</p>
            </li>
            <li>
                <i class="iconfont">&#xe6f6;</i>
                <p>微信</p>
            </li>
        </ul>
        <div id="toTop">
            <i class="iconfont"> &#xe504;</i>
        </div>
    </div>
    <div id="weixin">
        <img src=../images/index/slide-weixin.png>
    </div>
    <!--网页的头部-->
    <section id="header-topbar">
        <div class="w1100 clear tt">
            <div class="top-left">
                <i class="iconfont">&#xe621;</i>
                <a href="#" target="_blank" title="手机蜜芽">手机蜜芽</a>
            </div>
            <!--登录前-->
            <div class="unLogin">
                <span class="welcome">你好，欢迎来到蜜芽！</span>
                <a href="login.html" title="点击登录">登录</a><em>|</em>
                <a href="register.html" title="点击注册">免费注册</a>
                <a href="#">帮助中心</a>
            </div>
            <!--登陆之后-->
            <div class="Login">
                <span class="welcome">你好，欢迎来到蜜芽！</span>
                <a href="login.html" title="点击登录">我的蜜芽</a><em>|</em>
                <a href="register.html" title="点击注册">帮助中心</a>
                <a class="exit" href="#">退出</a>
            </div>
        </div>
    </section>
    <div class="logo w1100 clear">
        <a href="index.html">
            <img src="../images/shoppingCart/logo.png">
        </a>
        <ul class="step clear">
            <li class="active">1.我的购物车</li>
            <li>2.填写核对订单信息</li>
            <li>3.成功提交订单</li>
        </ul>
    </div>

</header>
<section id="main" class="w1100">
    <div class="title">
        <h2>我的购物车</h2>
    </div>
    <div class="menu clear">
        <!--<div class="c c1">-->
            <!--&lt;!&ndash;<div class="all">&ndash;&gt;-->
                <!--&lt;!&ndash;<input type="checkbox">&ndash;&gt;-->
            <!--&lt;!&ndash;</div>&ndash;&gt;-->
            <!--<label>全选</label>-->
        <!--</div>-->
        <div class="c c2">商品</div>
        <div class="c c3">名称</div>
        <div class="c c4">单价</div>
        <div class="c c5">数量</div>
        <div class="c c6">小计</div>
        <div class="c c7">操作</div>
    </div>
    <div class="list">
        <div class="head">
            <h3>添加的商品列表</h3>
        </div>
        <!--<div class="item clear">-->
        <!--<div class="inp">-->
            <!--<input type="checkbox">-->
        <!--</div>-->
            <!--<img class="img" src=../images/index/groom1S1.jpg>-->
            <!--<p class="tt">今天很烦躁很烦躁</p>-->
            <!--<span class="alone">￥45</span>-->
            <!--<div class="num clear">-->
                <!--<p class="reduce">-</p>-->
                <!--<p class="show">0</p>-->
                <!--<p class="add">+</p>-->
            <!--</div>-->
            <!--<span class="aloneSum">￥45</span>-->
            <!--<button>删除</button>-->
        <!--</div>-->
    </div>
    <div class="priceSum clear">
        <div class="inp">
            总计
        </div>
        <div class="priceInfo">
            已选择商品<i>0</i>件，总计:<span>0</span>元
        </div>
        <div class="sub">去结算</div>
    </div>
</section>
<footer class="clear">
    <div class="Genuine">
        <div class="w1100">
            <a href="#"> <i class="iconfont">&#xe621;</i><b>可信赖</b>进口母婴特卖</a>
            <a href="#"> <i class="iconfont">&#xe621;</i><b>无忧</b>正品保证</a>
            <a href="#"> <i class="iconfont">&#xe621;</i><b>7天</b>无理由退货</a>
            <a href="#"> <i class="iconfont">&#xe621;</i><b>恒温仓</b>完善的货物仓储</a>
            <a href="#"> <i class="iconfont">&#xe621;</i><b>24小时</b>快速发货</a>
            <a href="#"> <i class="iconfont">&#xe621;</i><b>100万</b>妈妈口碑信赖</a>
        </div>
    </div>
    <div class="foot-mid w1100">
        <ul class="clear">
            <li>
                <h3>使用帮助</h3>
                <a href="#">新手指南</a>
                <a href="#">蜜粉值体系</a>
                <a href="#">蜜豆体系</a>
                <a href="#">正品承诺</a>
            </li>
            <li>
                <h3>支付方式</h3>
                <a href="#">支付方式</a>
                <a href="#">支付流程</a>
                <a href="#">跨境进口税</a>
            </li>
            <li>
                <h3>配送方式</h3>
                <a href="#">包邮政策</a>
                <a href="#">发货时间</a>
                <a href="#">配送区域</a>
                <a href="#">验货签收</a>
            </li>
            <li>
                <h3>售后服务</h3>
                <a href="#">退货政策</a>
                <a href="#">退货流程</a>
                <a href="#">退款方式</a>
            </li>
            <li>
                <h3>售后服务</h3>
                <a href="#">总裁邮箱 ceo@mia.com</a>
                <a href="#">商务合作 bd@mia.com</a>
                <a href="#">媒体合作 pr@mia.com</a>
            </li>
            <li>
                <img style="margin-top: -15px" src="../images/index/fot-1.png">
            </li>
        </ul>
    </div>
    <div class="foot-bottom ">
        <div class="w1100">
            <ul class="clear">
                <li><a href="#">关于麦芽</a></li>
                <li><a href="#">加入麦芽</a></li>
                <li><a href="#">商业合作</a></li>
                <li><a href="#">关于麦芽</a></li>
                <li><a href="#">关于麦芽</a></li>
                <li><a href="#">关于麦芽</a></li>
                <li><a href="#">关于麦芽</a></li>
                <li><a href="#">关于麦芽</a></li>
            </ul>
            <img src=../images/index/footer.png>
        </div>
    </div>

</footer>

</body>
<script src="../js/lib/require.js" data-main="../js/shoppingCart.js"></script>
</html>